<!--  -->
<template>
  <div>
    <van-nav-bar
      title="填写订单"
      left-arrow
      @click-left="onClickLeft"
    />
    <van-contact-card
      type="edit"
      :name="currentContact.name"
      :tel="currentContact.tel"
      @click="onEdit"
    />
  </div>
</template>

<script>
import { reactive } from 'vue'
import { Toast } from 'vant'
export default {
  name: 'prodBooking',
  data () {
    return {
    }
  },
  setup () {
    const currentContact = reactive({
      name: '张三',
      tel: '13000000000'
    })

    const onEdit = () => {
      Toast('edit')
    }

    const onClickLeft = () => {
      Toast('返回')
    }

    return {
      onClickLeft,
      onEdit,
      currentContact
    }
  }
}
</script>

<style scoped>
</style>
